<template>
   <div class="wx-box">
    <div>
      <div class="wx-header">
        <div></div>
        <p>{{wx_list.channel_info.name}}</p>
    </div>
          <div class="type2" v-if="wx_list.channel_info.type==1">
        <TearcherOne :wx_list="wx_list"></TearcherOne>
      </div>
      <div class="type2" v-if="wx_list.channel_info.type==2">
        <TearcherOne :wx_list="wx_list"></TearcherOne>
      </div>
      <div v-if="wx_list.channel_info.type==3">
        <TearcherTwo :wx_list="wx_list"></TearcherTwo>
      </div>
      <div v-if="wx_list.channel_info.type==4">
        <TearcherTwo :wx_list="wx_list"></TearcherTwo>
      </div>
  </div>
  </div>
</template>

<script>
import  TearcherOne    from   '../components/TearcherOne';
import   TearcherTwo    from  '../components/TearcherTwo';
export default {
  name: "",
  components: {
      TearcherOne,
      TearcherTwo
  },
  props: ["wx_list"],

  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped>
.wx-box {
  margin-top: 70px;
}
.wx-header {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
}
.wx-header > div {
  background: orange;
  width: 5px;
  height: 20px;
  margin-left: 20px;
}
.wx-header > p {
  font-size: 15px;
  margin-left: 10px;
}
</style>
